<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>新闻中心</title>
		<style>
			*{
				margin:0;
				padding:0;
			}
			body{
				overflow-x:hidden;
			}
			div,li{
				#white-space:nowrap;
			}
			li{
				list-style-type:none;
			}
			.head .di1 li{
				text-align:center;
			}
			.head .head2 .di2{
				position:relative;
				left:400px;
				top:20px;
				height:70px;
			}
			.head .head2 .di2 li{
				float:left;
				margin-left:40px;
			}
			.head .head2 .di2 li a{
				color:black;
				text-decoration:none;
			}
			.head .head2 .di2 li a:hover{
				color:green;
				padding:5px;
				margin:5px;
				border-bottom:2px solid green;
			}
			.neirong{
				height:296px;
			}
			.neirong img{
				width:100%;
				height:396px;
			}
			.neirong2{
				width:100%;
				height:230px;
				#background-color:red;
			}
			.neirong2 h3{
				position:relative;
				top:165px;
				left:200px;
			}
			.neirong3{
				width:100%;
				height:1000px;
				#background-color:aqua;
			}
			.neirong3 .box{
				width:73%;
				margin:auto;
				height:1000px;
				#background-color:antiquewhite;
			}
			.neirong3 .box .li{
				width:100%;
				height:250px;
				#background-color:yellowgreen;
			}
			.neirong3 .box .li:hover{
				border-radius:10px;
				outline:2px solid gray;
				box-shadow:5px 5px 2px gray;
			}
			.neirong3 .box .li img{
				margin-top:25px;
				margin-left:25px;
				width:240px;
				height:190px;
			}
			.neirong3 .box .li .li1{
				top:-190px;
				left:300px;
				font-size:16px;
				position:relative;
			}
			.neirong3 .box .li .li1:hover{
				color:green;
			}
			.neirong3 .box .li .li2{
				top:-210px;
				left:900px;
				font-size:14px;
				position:relative;
			}
			.neirong3 .box .li .li3{
				top:-170px;
				left:300px;
				font-size:14px;
				position:relative;
			}
			.neirong5{
				width:100%;
				height:400px;
			}
			.neirong5 img{
				width:100%;
				height:400px;
			}
			.neirong5 ul{
				top:-360px;
				color:aliceblue;
				text-align:center;
				position:relative;
			}
			.neirong5 ul li span{
				font-size:20px;
				letter-spacing:8px;
			}
			.neirong5 .box ul li{
				text-align:center;
				font-size:18px;
				float:left;
				top:60px;
				left:585px;
				position:relative;
			}
			.neirong5 .box .box2 ul li{
				text-align:center;
				font-size:16px;
				top:160px;
				left:-70px;
				float:left;
				position:relative;
			}
			.neirong5 .box .box2 #ul li{
				text-align:center;
				font-size:16px;
				top:240px;
				left:-670px;
				#float:left;
				position:relative;
			}
		</style>
	</head>
	<body>
		<div class="head">
			<ul class="di1">
				<li><img src="img/logo.png"></li>
			</ul>
			<hr>
			<div class="head2">
				<ul class="di2">
					<li><a href="index.html">首页</a></li>
					<li><a href="new_file.html">产品/案例</a></li>
					<li><a href="new_file2.html">关于我们</a></li>
					<li><a href="new_file3.html">新闻中心</a></li>
					<li><a href="new_file4.html">招商加盟</a></li>
					<li><a href="new_file5.html">联系我们</a></li>
				</ul>
			</div>
		</div>
		<div class="neirong">
			<img src="img/g1.jpg">
		</div>
		<div class="neirong2">
			<h3>新闻中心</h3>
		</div>
		<div class="neirong3">
			<div class="box">
				<div class="li">
					<img src="img/g2.jpg">
					<ul>
						<li class="li1">装修才不是只有北欧范！ 五大经典风格打造你的家</li>
						<li class="li2">2019-12-31</li>
						<li class="li3">&emsp;&emsp;对于很多人来说，家不仅仅是容身之处，更是温馨的港
						湾。一个人的独处，两个人的闲暇时光，几个好友的欢乐小
						<br>聚，都在这...</li>
					</ul>
				</div>
				<div class="li">
					<img src="img/g3.jpg">
					<ul>
						<li class="li1">80%家庭都会忽视的收纳好位置，该如何正确利用？</li>
						<li class="li2">2019-12-10</li>
						<li class="li3">&emsp;&emsp;老听朋友抱怨说“家里空间太小、杂物太多，
						总感觉很多东西无处安放”。可是，家里的有效空间你真的都
						<br>利用起来了吗？　...</li>
					</ul>
				</div>
				<div class="li">
					<img src="img/g4.jpg">
					<ul>
						<li class="li1">家庭面积如此宝贵，还不是能省一平算一平</li>
						<li class="li2">2019-12-10</li>
						<li class="li3">&emsp;&emsp;网上有很多“小户型房子该如何装修”“空间面积
							如何规划利用”等等一系列的妙招分享文，通常都很受大家的欢迎。其实
						<br>仔细研究就会发现，要想空间布局合理、不冗杂，家具选择是关键。</li>
					</ul>
				</div>
				<div class="li">
					<img src="img/g5.jpg">
					<ul>
						<li class="li1">一篇文章让你明白什么是古典家具</li>
						<li class="li2">2019-12-10</li>
						<li class="li3">&emsp;&emsp;目前，国内对古典家具的吸纳力较西方尚有很大距离
						，拍卖价格也与国际市场的价格存在较大差额，但未来仍有一定的升值
						<br>空间，是颇具潜力的投资项目。</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="neirong5">
			<img src="img/wei.png">
			<ul>
				<li><span>晓海设计</span></li>
			</ul>
			<div class="box">
				<ul>
					<li>前往参观&emsp;|</li>
					<li>&emsp;展览活动&emsp;|</li>
					<li>&emsp;资讯公告&emsp;|</li>
					<li>&emsp;关于我们 </li>
				</ul>
				<div class="box2">
					<ul>
						<li>Address/地址：XXX省XXX市XXX县XXX路XXX号&emsp;&emsp;</li>
						<li>&emsp;&emsp;Tel/联系电话：020-000000 000-000000&emsp;&emsp;</li>
						<li>&emsp;&emsp;Mail/邮箱：xxx@.com</li>
					</ul>
					<ul id="ul">
						<li>©2025 - 展览晓海设计 版权所有</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
